Channel: Google Chrome Developers
Category: Science & Technology
Tags: jecelyn yeensettingscsswhat are devtools tipsgoogle developerchromecss overviewdevelopersgoogle developersshortcutshow to use devtools tipspurpose: educategds: yespr_pr: chrometype: devbyte (deck cleanup 0-10min)google chrome developersgoogle chromechrome devtoolsintro to devtools tipsdevtools tips tutorialchrome developerdeveloperchrome developersdevtools
Description: Learn how to record, replay and audit user flows with the Recorder panel in DevTools. Chapters: 0:00 - Intro 0:17 - Start a new recording 0:34 - Record a user flow 0:59 - Replay the user flow 1:09 - Edit a step 1:47 - Export to Puppeteer script 2:01 - Measure performance of the user flow Links: goo.gle/devtools-recorder Catch more DevTools Tips → goo.gle/DevToolsTips Subscribe to Google Chrome Developers → goo.gle/ChromeDevs #DevToolsTips #Chrome #Developer